<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<link href="{dede:global.cfg_templets_skin/}/style/cms.css" rel="stylesheet" media="screen" type="text/css" />
<link href="{dede:global.cfg_templets_skin/}/style/css.css" rel="stylesheet" type="text/css">
<link href="{dede:global.cfg_templets_skin/}/style/scrollable.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/core.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/globalevent.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/galleriffic.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/opacityrollover.js"></script>
	<!--[if lt IE 7]>
	<style> 
	div.apple_overlay {
		background-image:url(http://flowplayer.org/tools/img/overlay/overlay_IE6.gif);
		color:#fff;
	}
	
	/* default close button positioned on upper right corner */
	div.apple_overlay div.close {
		background-image:url(http://flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
	
	}	
	</style>
	<![endif]-->
</head>

{dede:include filename='header.htm'/}
<table width="1003"  border="0" cellpadding="0" cellspacing="0" style="margin-top:10px; ">
  <tr>
    <td width="1003" align="right" valign="top">
    <table width="1000"  border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="28" align="left" style="background:url({dede:global.cfg_templets_skin/}/images/d31.gif) left no-repeat;">
          <table width="1000"  border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="5%" height="27">&nbsp;</td>
                <td width="8%" height="27" style="padding-left:0"><strong>当前位置：</strong></td>
                <td width="87%" align="left" valign="bottom"> {dede:field name='position'/}</td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td style="padding:0" align="center">
          <div id="page">
            <div id="container">
            	<div style="padding-left:5px;color:#777;width:445px"><span style="float:right">浏览：<script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script>次</span>标题：{dede:field.title/}</div>
            	<div id="gallery" class="content">
                <div id="controls" class="controls"></div>
                <div class="slideshow-container">
                  <div id="loading" class="loader"></div>
                  <div id="slideshow" class="slideshow"></div>
                </div>
                <div id="caption" class="caption-container"></div>
              </div>
              <!-- Start Advanced Gallery Html Containers -->
              <div id="thumbs" class="navigation">
                <ul class="thumbs noscript">
                {dede:field name='imgurls' alt='图片输出区'}
                [field:pagestyle runphp='yes'] @me= (@me==3 ? '<li>' : '');[/field:pagestyle]
                  <li>
                    <a class="thumb" href="[field:imgsrc/]" title="[field:alttext /]">
                      <img src="[field:ddimg/]" width="75" height="75" alt="[field:alttext /]" />
                    </a>
                    <div class="caption">
                      <div class="download">
                        <a href="[field:imgsrc/]" target="_blank">点击放大</a>
                      </div>
                      <div class="image-desc">[field:alttext /]</div>
                    </div>
                  </li>
                {/dede:field}
      
                </ul>
              </div>
              
              <div id="right_txtbox">
              	<div class="title">来家电指南网推广您的产品</div>
                <div class="content">{dede:myad name='imagepage_right_txt_ad'/}</div>
              </div>
              <div style="clear: both;"></div>
            </div>
          </div>
					<script type="text/javascript">
            $(function() {
              // We only want these styles applied when javascript is enabled
              $('div.navigation').css({'width' : '90px', 'float' : 'left','margin':'0 50px','display':'inline'});
              $('div.content').css('display', 'block');
      
              // Initially set opacity on thumbs and add
              // additional styling for hover effect on thumbs
              var onMouseOutOpacity = 0.67;
              $('#thumbs ul.thumbs li').opacityrollover({
                mouseOutOpacity:   onMouseOutOpacity,
                mouseOverOpacity:  1.0,
                fadeSpeed:         'fast',
                exemptionSelector: '.selected'
              });
              
              // Initialize Advanced Galleriffic Gallery
              var gallery = $('#thumbs').galleriffic({
                delay:                     2500,
                numThumbs:                 6,
                preloadAhead:              10,
                enableTopPager:            true,
                enableBottomPager:         true,
                maxPagesToShow:            7,
                imageContainerSel:         '#slideshow',
                controlsContainerSel:      '#controls',
                captionContainerSel:       '#caption',
                loadingContainerSel:       '#loading',
                renderSSControls:          true,
                renderNavControls:         true,
                playLinkText:              '自动播放',
                pauseLinkText:             '停止播放',
                prevLinkText:              '&lsaquo; 前一张',
                nextLinkText:              '下一张 &rsaquo;',
                nextPageLinkText:          '下一页',
                prevPageLinkText:          '上一页',
                enableHistory:             false,
                autoStart:                 false,
                syncTransitions:           true,
                defaultTransitionDuration: 900,
                onSlideChange:             function(prevIndex, nextIndex) {
                  // 'this' refers to the gallery, which is an extension of $('#thumbs')
                  this.find('ul.thumbs').children()
                    .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                    .eq(nextIndex).fadeTo('fast', 1.0);
                },
                onPageTransitionOut:       function(callback) {
                  this.fadeTo('fast', 0.0, callback);
                },
                onPageTransitionIn:        function() {
                  this.fadeTo('fast', 1.0);
                }
              });
            });

          </script>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
{dede:include filename='footer.htm'/}
</body>
</html>
